.pagination {
    display: flex;

    & .pagination-list {
        flex: 1 1 auto;
        order: 1;
        display: flex;
        align-items: center;

        & li {
            list-style: none;
        }
        & .pagination-link {
            border: 1px solid gray(219);
            border-radius: 3px;
            min-width: 2.25em;
            height: 2.25em;
            justify-content: center;
            align-items: center;
            display: flex;
            margin: 4px;
        }

        & .pagination-ellipsis {
            min-width: 2.25em;
            height: 2.25em;
            justify-content: center;
            align-items: center;
            display: flex;
            margin: 4px;
        }
    }

    & .pagination-previous {
        order: 2;
        border: 1px solid gray(219);
        border-radius: 3px;
        height: 2.25em;
        display: flex;
        align-items: center;
        margin: 4px;
    }
    & .pagination-next {
        order: 3;
        border: 1px solid gray(219);
        border-radius: 3px;
        height: 2.25em;
        display: flex;
        align-items: center;
        padding: 0 .5em;
        margin: 4px;
    }

}
